<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        1、标签的闭合性
            规避问题方案：巧妙利用vs code的代码提示，减少手动编写<>
    -->
    <h1>大家好</h1>
    <p>
        特效 星光恩典:在战斗中用普通攻击或技能对敌方英雄造成影响时,为附近受伤最严重的友方英雄回复生命值,回复量为30-60 (在友方英雄1-18级时)
    </p>

    <!-- 
        2、疑问：HTML5和之前版本的区别？ 
            HTML5简称H5，与之前版本相比，新增了很多功能性标签（音频、视频）和结构性标签，还有其他高级特性（重力感应、地理定位）
            H5新增的一些技术弥补了之前Flash带来的安全性问题，所以目前大多数网站和企业开始摈弃Flash，拥抱前端H5技术
    -->
    <!-- H5新增功能性标签，src指的是source资源来源 -->
    <video 
        src="https://f.video.weibocdn.com/Fo77hfDLlx07KMatoSwo01041200ziAC0E010.mp4?label=mp4_ld&template=640x360.25.0&trans_finger=6006a648d0db83b7d9951b3cee381a9c&ori=0&ps=1BVp4ysnknHVZu&Expires=1614755947&ssig=9ZqP63guEA&KID=unistore,video"
        controls
    ></video>
    <!-- H5新增功能性标签，src指的是source资源来源 -->
    <audio 
        src="http://www.0dutv.com/plug/down/up2.php/278266521.mp3"
        controls
    ></audio>

    <!-- 
        3、浏览器空格与缩进的问题 
            浏览器的解析规则，在解析时会将HTML的连续空格和换行，缩成一个字符
            方案：pre标签维持html编码书写格式；实体字体&nbsp;
    -->
    <h1>亲爱的某某某</h1>
    <pre>
        想你，念你，我追着你而去。
            再无激荡的波涛，也从不在梦里票一飒飒
                啥看好时间爱好吧
                    卡u会死u啊哈撒飒飒
                        晒胡岁啊
                            ----作者：二狗
    </pre>
    <p>二&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;狗</p>
</body>
</html>